<template>
	<div class="cell" @click="clickFn">
		<!-- 标题 -->
		<div class="left">{{ title }}</div>
		<!-- 描述信息 -->
		<div class="right">
			{{ value }}
			<i class="iconfont iconjiantou1"></i>
		</div>
	</div>
</template>

<script>
export default {
	props: {
		// 标题
		title: {
			type: String,
			default: '标题'
		},
		// 描述信息
		value: String,
		// 跳转地址
		to: String
	},
	methods: {
		clickFn(e) {
			// 跳转功能
			if (this.to) this.$router.push(this.to);
			// 其他功能
			this.$emit('click', e);
		}
	}
};
</script>

<style lang="less" scoped>
.cell {
	height: 50px;
	font-size: 14px;
	margin: 0 20px;
	border-bottom: 1px solid #ddd;
	display: flex;
	// 主轴两端对齐
	justify-content: space-between;
	// 侧轴垂直居中
	align-items: center;
	.right {
		font-size: 13px;
		color: #666;
	}
}
</style>
